<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			
			// 2.插值操作
			// {{}}
			// v-once
			// v-text
			// v-html
			// v-pre
			// v-cloak
			
			// 3.动态绑定属性
			// 3.1动态绑定class:
			// v-bind:class="{red:bool}" true有red类名 false没有red类名
			// v-bind:class="[data1]" data1: 'aaa' 有类名aaa
			// 3.2动态绑定style:
			// :style='{fontSize: size + "px"}'
			// :style='[data1]' data1:{fontSize: 18px}
			
			// 4.计算属性
			// computed
			
			// 5.事件监听
			// v-on:click='btnClick'
			// @click='btnClick()'
			
			// 6.条件判断
			// v-if
			// v-else-if
			// v-else
			// v-show
			
			// 7.循环遍历
			// v-for
			
			
			// 模糊点:
			// 1.监听事件v-on的修饰符（阻止冒泡事件 .stop, 阻止默认事件 .prevent, 监听键盘键帽 .enter='keyUp'(监听键盘抬起)）
			// 2.循环遍历 数组方法(可响应视图) push, pop, unshift, shift, splice, sort, reverst
			// 3.过滤器: filters
		</script>
	</body>
</html>
